<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		div{
			float: left;
			background-color: red;
		}
	</style>
</head>
<body>

	<!-- 收缩：一个浮动元素。如果没有设置width，那么就自动收缩为文字的宽度（这点跟行内元素很像）

		到目前为止，我们知道浮动的四个特性
		1.浮动的元素脱标
		2.浮动的元素互相贴靠
		3.浮动的元素有“字围”效果
		4.收缩的效果
		

		如果想制作整个网页，就是通过浮动来实现并排
	 -->

	<div>
		alex
	</div>
	
</body>
</html>